<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>首页</title>
  <script src="../public/assets/lib/flexible/flexible_css.js"></script>
  <script src="../public/assets/lib/flexible/flexible.js"></script>
  <link href="../styles/css/base.css" rel="stylesheet"/>
  <link href="../styles/less/dashboard.css" rel="stylesheet"/>
  <link rel="icon" href="favicon.ico">
</head>

<body>
<div class="content">
  <div class="navbar">
    <div class="navbar_info fr" id="role-menu">
    </div>
  </div>
  <div class="banner" id="tg">
    <img src="../public/image/banner.png" alt="">
  </div>
  <div class="tab-bar">
    <ul class="clearfix">
      <li class="tab-item active fl"><a href="javascript:void(0)">首页</a></li>
      <li class="tab-item fl"><a href="javascript:void(0)">优秀病例</a></li>
      <li class="tab-item fl"><a href="doctor/upload-record.html">上传病例</a></li>
    </ul>
  </div>
  <div class="main selected">
    <div class="introduce">
      <div class="introduce-wraper">
        <div class="introduce-title">项目介绍</div>
        <div class="introduce-content">
          <p>终归乳腺癌诊疗优秀病例征集“为艾分享 例例生辉”项目，由CSCO主办</p>
          <p>我们诚挚邀请您参与</p>
        </div>
      </div>
    </div>
    <div class="video">
      <div class="video-wraper">
        <div class="img-placeholder"></div>
        <div class="video-mask">
          <i id="video-btn" class="iconfont icon-bofang"></i>
        </div>
      </div>
    </div>
  </div>
  <div class="main">
    <div class="good-records">
      <ul id="records-list">
      </ul>
    </div>
  </div>


</div>
<div class="toast" style="display:none"></div>
<div id="modalVideo">
  <div class="videobox">
    <video width="100%" id="ckplayer" preload="none" controls loop poster=""
           webkit-playsinline>
      <source src="../public/video/demo.mkv" type="video/mp4">
    </video>
  </div>
</div>
<a href="javascript:void(0)" class="videoboxClose">
  <img src="../public/image/icon_close.png" alt="">
</a>
<div class="videoboxMask"></div>
<script id="user-menu-tmpl" type="text/html">
  <ul>
    <li class="info-item user-menu">
      <a class="menu-label"><i class="iconfont icon-caidan"></i>菜单</a>
      <ul class="menu-list">
        {{each $data val i}}
        <li><a href={{val.href}}>{{val.name}}</a></li>
        {{/each}}
      </ul>
    </li>
    <li class="info-item">
      <a id="loginout-btn" class="menu-label"><i class="iconfont icon-caidan"></i>退出</a>
    </li>
  </ul>
</script>

<script id="good-records-tmpl" type="text/html">
  {{each $data val i}}

  <li class="records-item clearfix">
    <a href={{'records/records-detail.html?id=' + val.id}}>
      <div class="left fl">
        <h3>{{val.title}}</h3>
        <p>{{val.docotor}}</p>
      </div>
      <div class="right">
        <div class="zan-info fl" data-id={{val.id}}>
          {{if val.isZan}}
          <i class="zan iconfont icon-zan1" data-zan="false"></i>
          {{else}}
          <i class="zan iconfont icon-zan2" data-zan="true"></i>
          {{/if}}
          <span class="num" data-count={{val.zanCount}}>{{val.zanCount}}</span>
        </div>
        <div class="fl">
          <i class="iconfont icon-pinglun"></i>
          <span class="num">{{val.commentCount}}</span>
        </div>
      </div>
    </a>
  </li>

  {{/each}}
</script>
<script src="../public/assets/require/require.js"></script>
<script src="../public/assets/require/config.js"></script>
<script>
  require(['dashboard'])
</script>
</body>

</html>
<body>

</body>
</html>